@import '~asha/_.less';

.tederen-imgup{
    .imgup-list{
        display: inline-block;
        .imgup-item{
            display: inline-block;
            width: 100px;
            height: 100px;
            overflow: hidden;
            border: 1px solid #e5e6e7;
            padding: 3px;
            cursor: zoom-in;
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
            >div{
                overflow: hidden;
                width: 100%;
                img{
                    height: 92px;
                }
            }
        }
    }
    .tederen-image-upload{
        display: inline-block;
        width: 92px;
        height: 92px;
        line-height: 92px;
        position: relative;
        cursor: pointer;
        border: 1px dashed #ccc;
        text-align: center;
        .upload-input {
            position: absolute;
            // font-size: 100px;
            width: 100%;
            right: 0;
            top: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            cursor: pointer
        }
        .upload-span{
            cursor: pointer;
            color: #888;
        }
        &:hover{
            .upload-span{
                color: #666;
            }
        }
    }
}